<template>
  <div>
    <Header title="问题反馈" :is-arrow="true" back-color="#f1f4f9" />
    <van-cell-group inset class="van-cell-group">
      <van-cell>订单</van-cell>
    </van-cell-group>
    <van-cell-group inset  class="van-cell-group">
      <van-cell title="hi~您遇到了什么问题" title-style="font-size:20px;font-weight:bold"></van-cell>
      <van-cell>
        <van-checkbox v-model="checked1">按下开关也不充电(开关在侧边)</van-checkbox>
      </van-cell>
      <van-cell>
        <van-checkbox v-model="checked2">手机无法充电</van-checkbox>
      </van-cell>
      <van-cell>
        <van-checkbox v-model="checked3">充电宝外壳损坏</van-checkbox>
      </van-cell>
      <van-cell>
        <van-checkbox v-model="checked4">充电宝电线损坏</van-checkbox>
      </van-cell>
    </van-cell-group>
    <van-cell-group inset>
      <van-button size="large" type="primary" round disabled>提交</van-button>
    </van-cell-group>
  </div>
</template>

<script>
import Header from '../../../components/basic/Header'
export default {
  name: 'Glitch',
  components: {
    Header
  },
  data () {
    return {
      checked1: false,
      checked2: false,
      checked3: false,
      checked4: false
    }
  }
}
</script>

<style scoped>
.van-cell-group{
  margin-bottom: 20px;
}
</style>
